.node-container {
    position: relative;
    display: flex;
    justify-content: center;

    .custom-node {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        width: 100%;
        height: calc(100% - 2px);
    }

    .custom-start {
        color: #FFF;
        background: #009E33;
        border: 1px solid #009E33;
        border-radius: 50%;
    }

    .custom-end {
        color: #FFF;
        background: #F12E17;
        border: 1px solid #F12E17;
        border-radius: 50%;
    }

    .custom-action {
        color: #0089CA;
        background: #dff0f8;
        border: 1px solid #0089CA;
        border-top: 4px solid #0089CA;
        border-radius: 6px;
        margin-top: 8px;
        height: calc(100% - 16px);
    }

    .custom-condition {
        color: #FFFFFF;
        background: #FF8A00;
        border: 1px solid #FF8A00;
        border-radius: 3px;
        transform: rotate(-45deg) scale(0.707, 0.707);

        span {
            transform: rotate(45deg) scale(1.414, 1.414);
        }
    }

    .custom-branch {
        color: #FFF;
        background: #0089CA;
        border: 1px solid #0089CA;
        border-radius: 50%;
    }

    .custom-merge {
        color: #FFF;
        background: #66C453;
        border: 1px solid #66C453;
        border-radius: 50%;
    }
}